<template>
	<view>
		<view class="msgBox u-f-ac">
			<view class="msgBox-l">
				<image src="../../static/logo.png" mode=""></image>
				<uni-badge class="badge" text="8" type="error"></uni-badge>
			</view>
			<view class="msgBox-r">
				<view class="u-f-jsb">
					平台消息
					<view class="time">9:30</view>
				</view>
				<view class="msg-detail">您提交的工单已审批通过，请尽快查</view>
			</view>
		</view>
	</view>
</template>

<script>
	import uniBadge from "@/components/uni-badge/uni-badge.vue"
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		},
		onReady() {
			uni.setTabBarBadge({
				index:1,
				text:'8'
			})
			// uni.showTabBarRedDot({
			// 	index:1
			// })
		},
		components:{uniBadge}
	}
</script>
  
<style lang="less" scoped>
	.msgBox{
		padding: 30rpx 0 30rpx 30rpx;
		overflow: hidden;
		border-bottom: 1px solid #C0C0C0;
		.msgBox-l{
			position: relative;
			image{
				width: 100rpx;
				height: 100rpx;
				flex-shrink: 0;
				
			}
			.badge{
				position: absolute;
				top: -8rpx;
				right: -8rpx;
			}
		}
		.msgBox-r{
			width: 596rpx;
			margin-left: 20rpx;
			.time{
				margin-right: 20rpx;
			}
		}
		.msg-detail{
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
	}
</style>
